@charset'utf-8';
@import 'reset.scss';

.section {
    width: 1920px;
    // height: 850px;

    .sectionTop {
        width: 1200px;
        margin: 0 auto;

        h2 {
            margin: 88px 50px 15px 50px;
            font-size: 45px;
            color: #333333;
            text-align: center;
        }

        div {
            font-size: 16px;
            color: #333333;
            text-align: center;
            margin-bottom: 85px;
        }

    }

    .sectionCnt {
        width: 1200px;
        display: flex;
        margin: 0 auto;
        justify-content: space-between;

        .sectionCntright {
            width: 585px;
            font-size: 14px;
            color: #a7a7a7;
            text-indent: 2em;
            line-height: 22px;
        }
    }

    .sectionFooter {
        width: 1920px;
        margin-top: 60px;
        height: 300px;
        text-align: center;
        background-color: rgb(243, 243, 214);

        .sectionFootert {
            width: 375px;
            margin: 0 auto;

            h3 {
                font-size: 16px;
                margin-bottom: 19px;
                padding-top: 88px;
                text-align: left;
            }

            p {
                font-size: 14px;
                margin-bottom: 20px;
                text-align: left;
            }
        }

    }

    select {
        font-size: 15px;
        padding: 4px 2px;
        margin-right: 30px;
        border: 0;
        background-color: rgb(243, 243, 214);
    }

    button {
        font-size: 14px;
        color: #fde1d1;
        padding: 13px 35px;
        background-color: #f9a474;
        border: 0;
    }
}

.main {
    width: 1920px;
    height: 800px;
    position: relative;

    img {
        position: absolute;
        z-index: 1;
    }

    .mainTop {
        color: #fff;
        position: absolute;
        z-index: 2;
        left: 870px;

        h2 {
            margin: 88px 0 15px 0;
            font-size: 40px;
        }

        div {
            font-size: 14px;
            margin-bottom: 85px;
        }
    }

    .mainLeft {
        position: absolute;
        z-index: 2;
        top: 220px;
        left: 355px;

        h4 {
            color: #e99a6e;
            font-size: 17px;
            margin-bottom: 14px;
        }

        p {
            width: 411px;
            color: #89898d;
            font-size: 14px;
            text-indent: 2em;
            line-height: 20px;
        }
    }
}

.quality {
    width: 1920px;
    height: 850px;

    .qualityTop {
        width: 1200px;
        margin: 0 auto;

        h2 {
            margin: 88px 50px 15px 50px;
            font-size: 45px;
            color: #333333;
            text-align: center;
        }

        div {
            font-size: 16px;
            color: #333333;
            text-align: center;
            margin-bottom: 85px;
        }

    }

    .qualityCnt {
        width: 1200px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;

        .qualityCnta {
            width: 580px;
            text-align: center;

            h4 {
                margin: 26px 0 6px 0;
                font-size: 17px;
                color: #f9b58e;
            }

            p {
                font-size: 11px;
                color: #a6a6a6;
                line-height: 20px;
                text-indent: 2em;
                text-align: left;
            }
        }
    }
}